import React, { useState } from 'react';
import {List, Switch} from 'antd-mobile';
import Btn from "../../../components/btn/Btn";

import './renewals.less';

const Item = List.Item;

function Renewals() {
  let [checked,setChecked] = useState(false);

  return (
    <div className='v-other-renewals'>
      <List className='g-p5-10 g-bg-f g-bdrs12'>
        <Item extra={'钱多多'}>顾客姓名</Item>
        <Item extra={'12345678901'}>手机号</Item>
        <Item extra={'朱娜'}>客管</Item>
      </List>

      <List className='g-p5-10 g-mt10 g-bg-f g-bdrs12'>
        <Item extra={'5000'}>重置金额</Item>
        <Item extra={'送9800元券'}>可赠送</Item>
      </List>

      <List className='g-p5-10 g-mt10 g-bg-f g-bdrs12'>
        <Item extra={
          <Switch checked={checked}
                  color='#5599ff'
                  onClick={()=>setChecked(!checked)}/>
        }>
          发送给顾客核对
        </Item>
      </List>
      <Btn type='primary'>确认修改</Btn>
    </div>
  )
}

export default Renewals;
